<div *ngIf="currentTask">

  <div class="todo">
    <i [ngClass]="{'check': !currentTask.isDone, 'checked': currentTask.isDone}" (click)="toggleToDone(0)">
    </i>
    <span class="todo-text">
      {{currentTask.todo}}
    </span>
  </div>

  <div class="detail">
    <div class="myday" (click)="toggleToday()">
      <object class="icon" data="../../../assets/imgs/my_day_25.svg" type=""></object>
      <span *ngIf="!currentTask.today" class="text">添加到“我的一天”</span>
      <span *ngIf="currentTask.today" class="text today">已添加到“我的一天”</span>
    </div>

    <div class="reminder group-top">
      <object data="../../../assets/imgs/reminder.svg" type="" class="icon"></object>
      <span class="text">提醒我</span>
    </div>

    <div class="deadline group-bottom">
      <object data="../../../assets/imgs/deadline.svg" type="" class="icon"></object>
      <span class="text">添加截止日期</span>
    </div>

    <div class="notes">
      <textarea rows="5" placeholder="备注"></textarea>
    </div>
  </div>

  <div class="footer">
    <i class="anticon anticon-right" (click)="hideDetail()"></i>
    <span>{{creationTime}}</span>
    <i class="anticon anticon-delete"></i>
  </div>

</div>
